import React from 'react'
import {NavLink,useLocation} from "react-router-dom"
import classnames from "classnames"
import { Wrapper } from './style'

export default function Header() {
  const pathname=useLocation();
  return (
     <Wrapper>
    <div className='video_header'>
    <NavLink to="/home">
    <i className='iconfont icon-addto' ></i>
    </NavLink>
    <NavLink to='/index' className={classnames({active:pathname=="/index"})}>
    <span>关注</span>
    </NavLink>
    <NavLink to='/login' className={classnames({active:pathname=="/login"})}>
    <span>名胜</span>
    </NavLink>
    <NavLink to="/Foot/video" className={classnames({active:pathname=="/Foot/video"||pathname=="/"})}>
    <span>推荐</span>
    </NavLink>
    <NavLink to='login'  className={classnames({active:pathname=="/login"})}>
    <i className='iconfont icon-31sousuo'></i>
    </NavLink>
    </div>
    </Wrapper>
  )
}
